<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>{$title}</title>
   <meta name="keywords" content="{$keywords}">
   <meta name="description" content="{$description}">
   <link rel="stylesheet" href="__ASSET__/Home/active/luckuybox/css/jquery.fullPage.css" type="text/css" />
   <link href="__ASSET__/Home/v4/src/css/public/layer.css" rel="stylesheet" />
   <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
   <link rel="stylesheet" href="__ASSET__/Home/active/luckuybox/css/sport_index.css?v=1.0" type="text/css" />
   <script src="__ASSET__/Home/active/luckuybox/js/jquery-1.8.3.min.js"></script>
   <script src="__ASSET__/Home/active/luckuybox/js/jquery-ui.min.js"></script>
   <script src="__ASSET__/Home/active/luckuybox/js/jquery.fullPage.min.js "></script>
   <script type="text/javascript" src="__ASSET__/Home/v4/src/js/scroll_up.js"></script>
   <script src="__ASSET__/Home/v4/lib/js/layer.js"></script>
   <script>
    var matchDevice = /iphone|ipod|ipad|Windows Phone|android|mobile/i;
    if((matchDevice.test(navigator.userAgent.toLowerCase()))){
        location.href = "{:C('LOCAL_DOMAIN')}/active/luckybox/mobile";
    }
    {:C('GLOBAL_BDHM')}
    $(document).ready(function() {
        $.fn.fullpage({
          navigation: true
        });
    });
  </script>
</head>
<body>
  <!-- 头部 -->
  <header>
      <div class="main_area">
          <div class="logo1">
              <a href="{:C('LOCAL_DOMAIN')}" title="LOGO">
                   <img src="__ASSET__/Home/v4/src/images/logo.png" alt="logo" width="100%">
              </a>
          </div>
          <div class="logo2">
              <a href="{:C('LOCAL_DOMAIN')}" title="LOGO">
                   <img src="__ASSET__/Home/v4/src/images/logo2.png" alt="logo" width="100%">
              </a>
          </div>
          <a href="{:C('LOCAL_DOMAIN')}" class="enter_gw">进入官网</a>
      </div>
  </header>
  <div class="section section1 relative">
          <div  class="page1_bg1  commone_bg"></div>
          <div  class="page1_bg2"></div>
          <div  class="page1_bg3"></div>
          <div  class="page1_bg4"></div>
          <div  class="page1_bg5"></div>
          <div  class="page1_bg6"></div>
          <div  class="page1_bg7"></div>
          <div  class="page1_bg8"></div>
          <div  class="page1_bg9"></div>
          <div  class="page1_bg10 page1_bg10_16"></div>
          <div  class="page1_bg11_m"></div>
          <div  class="left-line-1"></div>
          <div  class="left-line-2"></div>
          <a   href="javascript:void(0)" class="btn_active_1"  onclick="downloadplay(1)">参与活动</a>
  </div>
  <div class="section section2">
        <!-- 开奖区域 -->
        <div class="prize_area myscroll" style="display: none;">
             <div class="prize_area_inner">
               <ul></ul>
             </div>
        </div>
         <div  class="page1_bg1 page2_bg1 commone_bg"></div>
         <div  class="page1_bg2 page2_bg2"></div>
         <div  class="page1_bg3 page2_bg3"></div>
         <div  class="page1_bg4 page2_bg4"></div>
         <div  class="page1_bg5 page2_bg5"></div>
         <div  class="page1_bg6 page2_bg6"></div>
         <div  class="page1_bg7 page2_bg7"></div>
         <div  class="page1_bg8"></div>
         <div  class="page1_bg9 page2_bg9"></div>
         <div  class="page2_bg10"></div>
         <div  class="page1_bg10 page1_bg11 page1_bg11_16"></div>
         <p    class="p_text">在“11.11光棍节”当天，App中会不定时出现宝箱哦，除了神秘礼品，更有海量萌妹等你抱回家！</p>
         <div  class="left-line-1"></div>
         <div  class="left-line-2"></div>
         <a   href="javascript:void(0)" class="btn_active_1 btn_active_2" onclick="downloadplay(2)">参与活动</a>
  </div>
  <div class="section section3">
         <div  class="page1_bg1 page3_bg1 commone_bg"></div>
         <div  class="page1_bg2 page2_bg2 page3_bg2"></div>
         <div  class="page1_bg3 page2_bg3 page3_bg3"></div>
         <div  class="page1_bg4 page2_bg4 page3_bg4"></div>
         <div  class="page1_bg5 page2_bg5"></div>
         <div  class="page1_bg6 page2_bg6 page3_bg5"></div>
         <div  class="page1_bg7 page3_bg7"></div>
         <div  class="page1_bg8 page3_bg8"></div>
         <div  class="page1_bg9 page2_bg9"></div>
         <div  class="page3_bg10 page3_bg10_60"></div>
         <div  class="page1_bg10 page1_bg11 page3_bg11 page3_bg11_60"></div>
         <p    class="p_text p3_text_60">
          来吧，单身狗们录制你的专属光棍节游戏瞬间，分享给我们，不管是寂寞如雪的独自单排，还是拉上基友一起派发狗粮，一起上镜show一把！
        </p>
        <div  class="left-line-1"></div>
        <div  class="left-line-2"></div>
        <a   href="javascript:void(0)" class="btn_active_1 btn_active_2 btn_active_3" onclick="downloadplay(3)">参与活动</a>
  </div>
  <div class="section section4">
        <div  class="page1_bg1 page4_bg1 commone_bg"></div>
        <div  class="page1_bg2 page2_bg2 page4_bg2"></div>
        <div  class="page1_bg3 page4_bg3"></div>
        <div  class="page1_bg4 page2_bg4 page3_bg4 page4_bg4"></div>
        <div  class="page1_bg5 page2_bg5 page4_bg5"></div>
        <div  class="page1_bg6 page2_bg6 page3_bg5"></div>
        <div  class="page1_bg7 page3_bg7"></div>
        <div  class="page1_bg8 page3_bg8"></div>
        <div  class="page1_bg9 page2_bg9"></div>
        <div  class="page3_bg10 page4_bg10 page4_bg10_60"></div>
        <div  class="page1_bg10  page3_bg11 page4_bg11 page4_bg11_60"></div>
        <p    class="p_text">
          11.11将会有一大~波~萌妹在66play平台内准备了满满的诚意给大家，各种御姐萝莉真情出镜派发好礼！光棍节不怕寂寞，记得一定要来，别让妹子们白等哦~
        </p>
        <div  class="left-line-1"></div>
        <div  class="left-line-2"></div>
        <a   href="javascript:void(0)" class="btn_active_1 btn_active_2 btn_active_4" onclick="downloadplay(4)">参与活动</a>
  </div>
<script>
$(function(){
    $.get('{:C('LOCAL_DOMAIN')}/active/luckybox/winner', function(data) {
        if (data.state == 0) {
          if(data.data.html !=""){
                $('.myscroll ul').append(data.data.html);
                $('.myscroll').fadeIn();
                 $('.myscroll').myScroll({
                    speed:180, //数值越大，速度越慢
                    rowHeight:35 //li的高度
                 });
              }
          }else{
               $(".prize_area").remove();
          }
    });
    change_cirlce();
  })
$(window).resize(function(){
       change_cirlce();
})
function change_cirlce () {
      var w=$(window).width();
      var h=$(window).height();
      if(w>h){
            var h=h*1.08;
            $(".page1_bg1").css({"width":h});
      }
}
function  downloadplay (index){
             var   code_img='<img src="__ASSET__/Home/v4/src/images/erweima.png" width="100%" alt="扫描下载66playAPP">';
             var   code_img_url="__ASSET__/Home/v4/src/images/erweima.png";
                   imgLoadEvent(code_img, code_img_url)
     
    _hmt.push(['_trackEvent', '光棍节活动-PC', '第'+index+'页']);
}
function imgLoadEvent(code_img, code_img_url) {   //圖片事件加載
                var img = new Image();
                img.onload = function () {
                  if (this.complete == true)  {
                        layer.open({
                            type: 1,
                            title: false,
                            closeBtn: 1,
                            shadeClose: true,
                            content:code_img
                       });
                  }
                }
                img.onerror = function () {
                }
                img.src = code_img_url;
}
</script>
</body>
</html>